<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2022/8/14
  Time: 9:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="../js/jquery.js"></script>
</head>
<body>
    <h1>新增图书信息</h1>
    <form action="BooksAdd_Servlet" method="post">
        <p>图书名称: <input type="text" id="name" name="name"></p>
        <p>图书作者: <input type="text" id="author" name="author"></p>
        <p>购买日期: <input type="text" id="time" name="time"><span>yyyy-MM-dd格式</span></p>
        <p>
            图书类别:
            <select name="type" id="type">
                <option value="0">选择所属分类</option>
                <option value="1">计算机/软件</option>
                <option value="2">小说/文摘</option>
                <option value="3">杂项</option>
            </select>
        </p>
        <p><input type="submit" value="添加图书"></p>
    </form>
</body>
<script>
    $(function (){
        var aa=/^\d{4}\-(0?[1-9]|1[012])\-(0?[1-9]|[12][0-9]|3[01])$/
        $("form").submit(function (){
            if ($("#name").val()==="" || $("#author").val()==="") {
                alert("图书名称、作者姓名不能为空");
                return false;
            } else if (!aa.test($("#time").val())){
                alert("日期格式输入错误");
                return false;
            }else if ($("#type").val()==="0") {
                alert("请选择图书分类");
                return false;
            }else if ($("#time").val()===""){
                alert("购买日期不能为空");
                return false;
            }
            alert("添加成功!");
            return true;
        })
    })
</script>
</html>
